<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/back.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
</head>
<body style="background:#F0F2F5;">
<div class="spring1" id="spring1">
  <p class="spring1_title">确定归还下列绘本？</p>
  <div id="spring1_list1" class="spring1_list">
    <ul>
      <li>
        <i class="spr_act"></i>
        <p>鸭子骑车记</p>
      </li>
      <li>
        <i class="spr_act"></i>
        <p>根本就不脏嘛</p>
      </li>
    </ul>
    <p class="spr_back_add">归还地点：<span>北京市昌平区回龙观创客广场B座349号</span></p>
  </div>
  <div id="spring1_list2" class="spring1_list">
    <ul>
      <li>
        <i class="spr_act"></i>
        <p>我的爸爸</p>
      </li>
      <li>
        <i class="spr_act"></i>
        <p>胆小鬼威利</p>
      </li>
      <li>
        <i class="spr_act"></i>
        <p>小小的我</p>
      </li>
    </ul>
    <p class="spr_back_add">归还地点：<span>北京市昌平区回龙观创客广场B座349号</span></p>
  </div>
  <div class="spr_chose">
    <a href="javascript:;" id="a_first">取消</a>
    <a href="readSuccess.html?successid=2">确定</a>
  </div>
</div>
<div class="spring2" id="spring2">
  <p class="spring2_title" style="line-height:0.4rem;">确定续借下列绘本？<br><span>每本绘本只能续借一次哦！</span></p>
  <ul class="spring2_list">
    <li>
      <i class="spr_act"></i>
      <p>鸭子骑车记</p>
    </li>
    <li>
      <i class="spr_act"></i>
      <p>根本就不脏嘛</p>
    </li>
    <li>
      <i class="spr_act"></i>
      <p>我的爸爸</p>
    </li>
    <li>
      <i class="spr_act"></i>
      <p>胆小鬼威利</p>
    </li>
    <li>
      <i class="spr_act"></i>
      <p>小小的我</p>
    </li>
  </ul>
  <div class="spr_chose" style="margin-top:0.4rem;">
    <a href="javascript:;" id="a_first2">取消</a>
    <a href="javascript:;" id="a_right2">确定</a>
  </div>
</div>
<div class="spring3" id="spring3">
  <p class="spring3_title">温馨提示</p>
  <p class="spring3_text">很抱歉，您选中的绘本中有续借过绘本 不能再次续借哦！~</p>
  <a href="javascript:;" class="I_know">我知道了</a>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/base.js"></script>
<script>
  $('.spring1_list li>i').click(function () {
      if ($(this).hasClass('spr_act')){
        $(this).removeClass('spr_act');
      } else {
        $(this).addClass('spr_act');
      }
  });
  $('.spr_chose').prev('div').css("border-bottom","none");
  $("#a_first").click(function(){
    history.go(-1);
  });
  var args=arg();
  if (args.sprtype==1 ){
    $('#spring1').hide();
    $('#spring2').show();
  }
  $("#a_first2").click(function(){
    history.go(-1);
  });
  var aright2=true;  //aright2的值为false时，不能续借，为true时，会跳转到续借成功页面
  $("#a_right2").click(function () {
     if (aright2){
       self.location="readSuccess.html?successid=1";
     }else{
       $('#spring2').hide();
       $('#spring3').show();
     }
  });
  $('.I_know').click(function () {
    $('#spring2').show();
    $('#spring3').hide();
  });
</script>
</html>